<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>360导航页</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
</head>
<body>
<div class="content" id="content">
    <div  class="add">
        <ul class="addpage" id="addpage">
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
            <li><span><i></i></span></li>
        </ul>
    </div>
    <div><ul class="ul"><img src="img/top.png" alt=""></ul></div>
    <div><ul class="ul">我的网址</ul></div>
    <div><ul class="ul">花椒直播</ul></div>
    <div><ul class="ul"><img src="img/game.png" alt=""></ul></div>
    <div><ul class="ul">热播影视</ul></div>
    <div><ul class="ul"><img src="img/music.png" alt=""></ul></div>
    <div><ul class="ul"><img src="img/bay.png" alt=""></ul></div>
</div>
<!--左右箭头-->
<div class="left_arrow" id="left_arrow"></div>
<div class="right_arrow" id="right_arrow"></div>
<div class="slider_nav">
   <div class="slider" id="slider">
       <a href="javaScript:"><span></span>最常访问</a>
       <a href="javaScript:"><span></span>今日头条</a>
       <a href="javaScript:"><span></span>我的网址</a>
       <a href="javaScript:"><span></span>花椒直播</a>
       <a href="javaScript:"><span></span>游戏中心</a>
       <a href="javaScript:"><span></span>热播影视</a>
       <a href="javaScript:"><span></span>音乐精选</a>
       <a href="javaScript:"><span></span>精品购物</a>
   </div>
    <a href="javaScript:" class="page_manager" id="add_navmanger">
        <i></i>
    </a>
</div>
<div class="add_url" id="add_url">
    <div class="title">
        <h2></h2>
        <input type="search" placeholder="查找网站">
        <a href="javaScript:" class="add_url_close" id="add_close"></a>
    </div>
    <ul class="url_cats">
        <li class="on">热门推荐</li>
        <li>影视视频</li>
        <li>新闻资讯</li>
    </ul>
    <div class="cont">
        <ul class="logo_list" id="logo_list">
            <li><span></span><img src="img/360.png" alt=""></li>
            <li><span></span><img src="img/qqx.png" alt=""></li>
            <li><span></span><img src="img/tao.png" alt=""></li>
            <li><span></span><img src="img/yingshi.png" alt=""></li>
            <li><span></span><img src="img/baidu.png" alt=""></li>
            <li><span></span><img src="img/sohu.png" alt=""></li>
            <li><span></span><img src="img/sina.png" alt=""></li>
            <li><span></span><img src="img/jingd.png" alt=""></li>
            <li><span></span><img src="img/tudou.jpg" alt=""></li>
            <li><span></span><img src="img/renren.png" alt=""></li>
            <li><span></span><img src="img/youku.png" alt=""></li>
            <li><span></span><img src="img/wy.png" alt=""></li>
        </ul>
    </div>
</div>
<div class="mask" id="mask"></div>
<!--添加底部导航-->
<div class="nav_manager" id="nav_manager">
    <a href="javaScript:" class="navclose" id="navclose"></a>
    <div class="nav_title"></div>
    <ul class="navtab_list" id="navtab_list">
        <li>
            <div class="pm_div" id="pm_div">
                <div class="icon">
                    <img src="img/1_03.jpg" alt="">
                </div>
                <span>最常访问</span>
            </div>
        </li>
        <li>
            <div class="pm_div">
                <div class="icon">
                    <img src="img/1_05.jpg" alt="">
                </div>
                <span>今日头条</span>
            </div>
        </li>
        <li>
            <div class="pm_div">
                <div class="icon">
                    <img src="img/1_07.jpg" alt="">
                </div>
                <span>我的网址</span>
            </div>
        </li>
        <li>
            <div class="pm_div">
                <div class="icon">
                    <img src="img/1_09.jpg" alt="">
                </div>
                <span>花椒直播</span>
            </div>
        </li>
        <li>
            <div class="pm_div">
                <div class="icon">
                    <img src="img/1_15.jpg" alt="">
                </div>
                <span>游戏中心</span>
            </div>
        </li>
        <li>
            <div class="pm_div">
                <div class="icon">
                    <img src="img/1_16.jpg" alt="">
                </div>
                <span>热播影视</span>
            </div>
        </li>
        <li>
            <div class="pm_div">
                <div class="icon">
                    <img src="img/1_17.jpg" alt="">
                </div>
                <span>音乐精选</span>
            </div>
        </li>
        <li>
            <div class="pm_div">
                <div class="icon">
                    <img src="img/1_18.jpg" alt="">
                </div>
                <span>精品购物</span>
            </div>
        </li>
    </ul>
</div>
</body>
<script src="js/move.js"></script>
<script src="js/js.js"></script>
</html>